@charset "utf-8";

.vStyle-box {

	width : 100%;

}

.vSlider-box .block-media.all-media {
	border : 0;
}
.vSlider-media-box {

	float : left;
}

/*
.vSlider-media-box > * {
	display : none;
}
*/
.vSlider-media-box li  {
	display : none;
}

.vSlider-media-box li:first-child  {
	display : inline;
}

.vSlider-thumbnail-box {
	float : right;
}

.vSlider-thumbnail-box > * {

	width : 100%;
	box-sizing : border-box;
}

.vSlider-thumbnail-panel {
	overflow : hidden;
}

.vSlider-thumbnail-panel .thumbnail {

	cursor : pointer;
	border : 1px solid #C6C6C6;
}

.vSlider-thumbnail-panel .thumbnail img {
	vertical-align : bottom;
}

.vSlider-thumbnail-up,
.vSlider-thumbnail-down {
	text-align : center;
	color : #C6C6C6;
	border : 2px solid #C6C6C6;
	cursor : pointer;
	display:block;
	height:20px;
}

/*webアクセシビリティ設定時のはこちらのcssを読む*/
.icon_caption_box .vSlider-thumbnail-up,
.icon_caption_box .vSlider-thumbnail-down {
	text-align : center;
	color : #C6C6C6;
	border : 2px solid #C6C6C6;
	cursor : pointer;
	display:block;
	height:40px;
	position: relative;
}

.icon_caption_box .vSlider-thumbnail-up > span{
	display: block;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
}

.icon_caption_box .vSlider-thumbnail-down > span{
	display: block;
	left: 0;
	right: 0;
}

.icon_caption_box .vSlider-thumbnail-up i,
.icon_caption_box .vSlider-thumbnail-down i{
	line-height: 0;
}

/*-----*/

.vSlider-thumbnail-up > i.fa,
.vSlider-thumbnail-down > i.fa{
	font-size:40px;
	line-height:0em;
}